/************************************************************************/
/* RESET (Thanks to YUI) */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } 
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
hr { display: none; }
address{ display: inline; }


html {
	overflow: hidden;
	width: 100%;
	height: 100%;
	
}

body {
	background: #2b2f34;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	overflow: hidden;
	font-family: arial, verdana, tahoma, sans-serif;
}

#slideshow {
	height: 100%;
}

#image_info {
	position: absolute;
	width: 100%;
	top: 0px;
	height: 70px;
	background: #1c1e22;
}

	#image_info .info {
		padding: 10px 20px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
		#image_info .info .photo {
			float: left;
		}
		
		#image_info .info .info_body {
			margin-left: 65px;
		}
		
		#image_info h1 {
			color: #f2f2f2;
			font-size: 22px;
		}
		
		#image_info h2 {
			color: #c0c0c0;
			font-size: 15px;
		}
		
#thumbnail_bar {
	height: 70px;
	width: 100%;
	background: #25282d;
	border-top: 1px solid #1c1e22;
	position: absolute;
	overflow: hidden;
	bottom: 0px;
}
	
	#button_left, #button_right {
		width: 30px;
		height: 70px;
		position: absolute;
		top: 0;
	}
	
	#button_left {
		left: 0px;
		background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_left_disabled.png ) no-repeat;
	}
	
		#button_left.active {	
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_left.png ) no-repeat;
		}	
		
		#button_left.active:hover {	
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_left_hover.png ) no-repeat;
		}	
	
	#button_right {
		right: 0px;
		background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_right_disabled.png ) no-repeat;
	}
	
		#button_right.active {
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_right.png ) no-repeat;
		}
		
		#button_right.active:hover {
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/thumb_right_hover.png ) no-repeat right;
		}
		
	#button_right.active,
	#button_left.active {
		cursor: pointer;
	}
	
	#thumbnails {
		margin: 0 30px;
	}
	
	#thumbnail_wrap {
		position: absolute;
		left: 30px;
		width: 150%;
	}
	
	#thumbnail_bar #thumbnails #thumbnail_wrap > div {
		width: 50px;
		height: 50px;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		overflow: hidden;
		float: left;
		position: relative;
		margin: 8px 5px 0 0;
		border: 2px solid #1c1e22;
		cursor: pointer;
	}
	
		#thumbnail_bar #thumbnails #thumbnail_wrap > div:hover {
			border: 2px solid #3f434c;
		}
	
		#thumbnail_bar img {
			position: absolute;
			left: -50%;
			top: -50%;
		}
		
	#thumbnail_bar #thumbnails #thumbnail_wrap > .thumb.active {
		border: 2px solid #fff;
	}
	
#slideshow_controls {
	position: absolute;
	width: 98%;
	left: 1%;
	bottom: 80px;
	height: 50px;
	padding: 5px 0;
	background: #1c1e22;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	text-align: center;
}

	#slideshow_controls #controls {
		left: 50%;
		margin-left: -104px;
		position: absolute;
	}
	
	#slideshow_controls .control {
		display: block;
		width: 69px;
		height: 50px;
		text-indent: -2000em;
		float: left;
		outline: none;
	}
	
		#c_PAUSE_PLAY {
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/pause.png ) no-repeat;
		}
			
			#c_PAUSE_PLAY:hover {
				background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/pause_hover.png ) no-repeat;
			}
			
			#c_PAUSE_PLAY.paused {
				background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/play.png ) no-repeat;
			}
			
				#c_PAUSE_PLAY.paused:hover {
					background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/play_hover.png ) no-repeat;
				}
		
		#c_PREV{
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/prev.png ) no-repeat 50%;
		}
		
			#c_PREV:hover {
				background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/prev_hover.png ) no-repeat 50%;
			}
		
		#c_NEXT {
			background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/next.png ) no-repeat 50%;
		}
		
			#c_NEXT:hover {
				background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/next_hover.png ) no-repeat 50%;
			}
	
	#loading {
		position: absolute;
		right: 15px;
		top: 13px;
		width: 32px;
		height: 32px;
		background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/loading.gif ) no-repeat;
	}

#image_holder {
	position: absolute;
	/* These dims are 20px more/less than the menu bars, to provide padding */
	top: 100px;	
	bottom: 170px;
	left: 20px;
	right: 20px;
	text-align: center;
}

	#image_holder img {
		position: absolute;
		border: 5px solid #e2e2e2;
		-webkit-box-shadow: -5px 5px 6px #1c1e22;
	}
	
#close_slideshow {
	display: block;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/close.png ) no-repeat;
	text-indent: -3000em;
}

	#close_slideshow:hover {
		background: url(http://34.skinscreators.ru/public/style_images/master/gallery/slideshow/close_hover.png ) no-repeat;
	}